﻿<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>爱运动欢迎您 身边的运动圈</title>
<meta name="author" content="Administrator" />
<meta content="爱运动,运动,格斗,一招,弈招,教学,kungfu,ufc,mma,maga,防狼,keep,跑步,骑行,台球,篮球,足球,羽毛球,乒乓球,游泳,户外,健身,桌游,舞蹈,网球,排球,棋牌,邻里,去运动" name="Keywords">
<meta name="description" content="爱运动，身边的运动圈。让生活在同一块区域、有着相同运动爱好的人，方便快捷地连接在一起。通过爱运动，轻松结识附近、有着相同运动爱好的小伙伴；通过爱运动，可以迅速组织附近的人一起运动；通过爱运动，想运动时，随时随地找到并参与自己喜欢的活动。两招制敌视频火热上线，防身必看，要的就是简单。">

<link rel="shortcut icon" href="style/images/iyd.ico" />

<link rel="stylesheet" href="style/css/jquery.fullPage.css" />
<link rel="stylesheet" href="style/css/base.css" />
<link rel="stylesheet" href="style/css/welcome.css" />
<link rel="stylesheet" href="style/css/jquery.bxslider.css">

<script src="style/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="style/js/jquery.bxslider.js"></script>

<script type="text/javascript" src="style/js/main.js"></script>

<script type="text/javascript">
$(document).ready(function() {
		my_section1.init();
  $('#welcome').fullpage({
	'verticalCentered': false,
	'css3': true,
	'sectionsColor': ['#6cbb52','#e89c38', '#40a3e1'],
	'navigation': true,
	'navigationPosition': 'right',
			//'easing' : 'easeInOutBounce',
			'afterRender' : function (index,anchorLink ) {
				$(".iphone_img").addClass('fadeInTop');
			},
			'afterSlideLoad':function(index ) {

			}
			,
	'afterLoad': function(anchorLink, index){
				if( index == 2) {
					$(".iphone_img").removeClass('fadeInTop');
				}
				if(index==3){
					my_section1.init();
				}
				if(index==1){
					my_section1.init();
				}
				if(index==2){
					my_section2.init();
				}

	},
	'onLeave': function(index, nextIndex, direction){
	  if( nextIndex  == 1 ) {
					$(".iphone_img").addClass('fadeInTop');
				}
				if(index==1){
					my_section1.anim();
				}
				if(index==3){
					my_section1.anim();
				}
				if(index==2){
					my_section2.anim();
				}
	}
  });
});
</script>
</head>
<body>

    <div id="welcome">
        <div class="section" id="section0">
           <div class="my_section">
                <div class="my_codoon fl">
                    <div class="text1_box">
                        <div class="text1 fl">爱运动，</div><div class="text3 fl">身边的运动圈</div>
                        <div class="blank0"></div>
                    </div>
                    <p><div class="text2">让生活在同一块区域、有着相同运动爱好的人，方便快捷地连接在一起。</div></p>
                    <div class="download_box">
                        <div class="left">
                            <div class="icon erweima"></div>
                        </div>
                        <div class="right">
                            <a href="https://itunes.apple.com/us/app/ai-yun-dong-shen-bian-yun/id1180401298?l=zh&ls=1&mt=8" class="item pc_download item_pc item_ios" style="margin-bottom:15px;">iPhone版下载</a>
                            <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.elephant.qq" class="item pc_download item_pc item_android">Andriod版下载</a>
                            <a class="item mobile_download mobile_icon"><img id="download_img" src="style/images/now_download.png" alt=""></a>
                        </div>
                        <div class="blank10"></div>
                    </div>
                </div>
                <div class="iphone fr">
                    <div class="iphone_icon iphone_img">
                      <div id="iphone_slider_wrapper">
                        <div id="iphone_slider">
                          <ul id="iphone_slider_ul">
                            <li><img src="style/images/iphone1.png"></li>
                            <li><img src="style/images/iphone2.png"></li>
                            <li><img src="style/images/iphone3.png"></li>
                            <li><img src="style/images/iphone4.png"></li>
                            <li><img src="style/images/iphone5.png"></li>
                          </ul>
                        </div>
                      </div>
                      <img class="iphone_xxoo" src="style/images/iphone_xxoo.png">
                    </div>
                </div>
                <div class="blank0"></div>
           </div>
        </div>
    </div>
    <div class="fixed head">
        <div class="head_content">
            <div class="icon logo logo_blue fl"></div>
            <div class="fr login_box">                    
                
            </div>
        </div>
        <div class="line"></div>
    </div>
    <div class="fixed bottom">
        <div class="bottom_content">
            <a href="#">关于我们</a>
          <span>|</span>
            <a href="#">广告合作</a>
            <label class="bottom_tips">
                <span>|</span>
                <a href="#">免责声明</a>
                <span>|</span>
                <a href="#">联系我们</a>
            </label>
            <br />
            <p>Copyright © 2016-2017 ent98.cn 京ICP备13039894号-1</p>
        </div>
    </div>


</body>
</html>